<script type="text/javascript" src='{$base_dir}modules/dept_laboratory/js/AJAX_LabGroupAdmin.js'></script>
<script type="text/javascript" src='{$base_dir}modules/dept_laboratory/js/AJAX_LabServiceAdmin.js'></script>
<script type="text/javascript" src='{$base_dir}modules/dept_laboratory/js/AJAX_LabResultStructureAdmin.js'></script>

<script type="text/javascript">
{literal}
	$(document).ready(function() {
		$('#labAdminTab').tabs({     
	        selected: 0,
	        select: function(event, ui) {

	            switch (ui.index) {
	            case 0: 
	            	$("#labTabContent").html('');           
	            	loadLabGroup('');
	                break;
	            case 1:
	            	$("#labTabContent").html('');             
	            	loadLabService();
	                break;
	            default:
	            	$("#labTabContent").html('');
            	    loadLabResultStructure();
	                break;
	            }
	        }
	    });
		loadLabGroup();
	});
{/literal}
</script>

<div id="labAdminTab" style="width: 100%;">    
    <ul>
        <li><a href="#labTabContent">{translate}Group{/translate}</a></li>
        <li><a href="#labTabContent">{translate}Lab service{/translate}</a></li>
        <li><a href="#labTabContent">{translate}Result structure{/translate}</a></li>        
    </ul>
    <div id="labTabContent" style="height: 600px;">        
    </div>  
</div>
